/* tab条组件 */

tab-bar, [tab-bar]{
  display: flex;
  padding: 5px 0 0;
}

[tab-bar]>*,
tab-bar>*{
  flex:1;
  border-bottom: solid 5px rgba(0,0,0,0);
}
[tab-bar]>.active,
tab-bar>.active{
  border-bottom: solid 5px #00f;
}

[tab-bar]>* span,
tab-bar>* span{
  border-left: solid 1px #fff;
  border-right: solid 1px #888;
  padding: 0.3em 0;
  flex:1;
  text-align: center;
  border-bottom: solid 5px rgba(0,0,0,0);
}
[tab-bar]>*:first-child span,
tab-bar>*:first-child span{
  border-left: solid 0;
}
[tab-bar]>*:last-child span,
tab-bar>*:last-child span{
  border-right: solid 0;
}
